// React 类组件中，数据双向绑定的解决方法。
import React from "react";

class App extends React.Component {
  // 第二种定义state的方法
  state = {
    value: 'this is placeholder'
  }

  valueChange = (e) => {
    console.log(e);
    console.log(e.target.value);
    this.setState({
      value: e.target.value
    });
  }

  // 第一种定义state的方法
  // constructor() {
  //   super()
  //   // eslint-disable-next-line no-unreachable
  //   this.state = {
  //     value: "this is placeholder"
  //   }
  // }

  render() {
    return (
      <div>
        <input type="text" value={ this.state.value } onChange={ this.valueChange } />
      </div>
    )
  }
}

export default App;
